<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小米账号-登录</title>
    <link rel="shortcut icon" href="img/favicon.ico" type="imgage/x-icon">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <style>
        #top {
            width: 100%;
            height: 100px;
            line-height: 100px;
            background: #ffffff;
        }

        .panel_logo {
            width: 200px;
            height: 100px;
            line-height: 100px;
            background: url("img/mistore_logo.png") no-repeat;
        }

        #middle{
            width: 100%;
            height: 500px;
            background: url("img/01.jpeg") no-repeat center;
        }
        #bottom{
            text-align: center;
            height: 100px;
            line-height: 100px;
        }

        #login_main{
            float: right;
            width: 400px;
            height: 500px;
            margin: 0px auto;
            background: #FFFFFF;
        }
        #login_main > div{
            font-size: 24px;
            font-family: Arial;
            color: firebrick;
            margin: 0px auto;
            text-align: center;
        }
        #last{
            text-align: center;
        }
    </style>
</head>
<body>
<div class="container">
    <div id="top">
        <div class="panel_logo">
            <!--为了跳转到小米的官网-->
            <!--<a href="//www.mi.com/index.html" target="_parent">小米网</a>-->
        </div>
    </div>

    <div id="middle">
        <div id="login_main">
            <div>
                <!--javascript:void(0) 取消a标签本身的连接功能-->
                <a href="javascript:void(0);">账号注册</a>
                <span>|</span>
                <a href="javascript:void(0);">扫码登录</a>
            </div>
            <br>
            <div>
                <form action="#" method="get">
                    <input type="text" placeholder="邮箱/手机号码/小米ID" class="form-control">
                    <br>
                    <input type="password" placeholder="密码" class="form-control">
                    <br><br>
                    <input type="submit" class="form-control btn-warning" value="登录">
                </form>
            </div>
            <div>
                <P>手机短信登录/注册</P>
                <P></P>
            </div>
        </div>

    </div>

    <div id="bottom">
        <nav>
            <a href="">简体</a>
            &nbsp;&nbsp; <span>|</span> &nbsp;&nbsp;
            <a href="https://account.xiaomi.com/pass/serviceLogin?callback=https%3A%2F%2Forder.mi.com%2Flogin%2Fcallback%3Ffollowup%3Dhttps%253A%252F%252Fwww.mi.com%252F%253Fclient_id%253D180100041086%26sign%3DMzU2MGI1MjBiZWJhOTQyYTdmZmRhZDViM2NkMTFiMWQwZDAyMjE4ZQ%2C%2C&sid=mi_eshop&_bannerBiz=mistore&_qrsize=180&_locale=zh_TW" >繁体</a>
            &nbsp;&nbsp; <span>|</span> &nbsp;&nbsp;
            <a href="https://account.xiaomi.com/pass/serviceLogin?callback=https%3A%2F%2Forder.mi.com%2Flogin%2Fcallback%3Ffollowup%3Dhttps%253A%252F%252Fwww.mi.com%252F%253Fclient_id%253D180100041086%26sign%3DMzU2MGI1MjBiZWJhOTQyYTdmZmRhZDViM2NkMTFiMWQwZDAyMjE4ZQ%2C%2C&sid=mi_eshop&_bannerBiz=mistore&_qrsize=180&_locale=en" >English</a>
            &nbsp;&nbsp; <span>|</span> &nbsp;&nbsp;
            <a href="https://static.account.xiaomi.com/html/faq/zh_CN/faqList.html" target="_blank">常见问题</a>
            &nbsp;&nbsp; <span>|</span> &nbsp;&nbsp;
            <a href="https://www.mi.com/about/privacy/" target="_blank">隐私政策</a>
        </nav>
    </div>
    <div id="last">
        <p>小米公司版权所有-京ICP备10046444-<img src="img/ghs.png">京公网安备11010802020134号-京ICP证110507号</p>
    </div>
</div>
</body>
</html>